<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RT-Theme 10 - Premium Corporate Template</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_cf.css" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
 
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.png');</script>
<![endif]-->

</head>
<body>

<!-- header -->
<div id="container">
<div id="header" class="clearfix">
    <!-- logo -->
    <div id="logo"><a href="index.html" title=""><img src="images/logo.png" alt="" class="png" /></a></div>
    <!-- /logo -->

    <!-- header right -->
    <div id="header_right">
	
	<!-- search -->
	<div class="search_bar">
	    <form action="#" method="get">
		<input type="text" class="search_text" name="q" value="search" /><input type="image" src="images/pixel.gif" class="searchsubmit" alt="" />
	    </form>
	</div>
	<!-- / search-->
	
	<!-- header links -->
	<div class="top_links">
	    <ul>
		<li class="first"><a href="index.html" title="">Home</a></li>
		<li><a href="index.html" title="">Career</a></li>
		<li><a href="index.html" title="">Contact Us</a></li>
	    </ul>
	</div>
	<!-- / header links -->

	<div class="clear"></div>

	<!-- header slogan -->
	<div class="top_slogan">
	    <h4>Call Us Free: +01 555 55 55</h4>
	</div>
	<!-- /header slogan -->

    </div>
    <!-- /header right -->
</div>
</div>
<!-- /header -->

<!-- containers -->
<div id="container1">
<div id="container2">
<div id="container3">
    
<!-- Sidebar -->
<div class="sidebar">

    <!-- navigation  -->
    <div class="navigation">
	<ul id="menu">
	    <li><a href="index.html" title="Home">HOME</a></li> 
	    <li class="current_page_item"><a href="about_us.html" title="About Us">ABOUT US</a>
	    	<ul>
		    <li><a href="#">SUB PAGE</a></li>
		    <li><a  href="about_us.html">ACTIVE SUB PAGE</a></li>
		    <li class="current_page_item"><a href="sub_page_with_slider.html">SUB PAGE WITH SLIDER</a></li>
		    <li><a href="#">CONTACT US</a></li>		
		</ul>
	    </li>
	    <li><a href="portfolio.html" title="Portfolio">PORTFOLIO</a></li>
	    <li><a href="products.html" title="Our Products">OUR PRODUCTS</a></li>
	    <li><a href="photo_gallery.html" title="Our Products">PHOTO GALLERY</a></li>    
	    <li><a href="company_blog.html" title="Company Blog">COMPANY BLOG</a></li>
	    <li><a href="contact_us.html" title="Contact Us">CONTACT US</a></li>
	</ul>
    </div>
    <!-- / navigation  -->

    <!-- box latest news-->
    <div class="box side">
	<!-- box title-->
	<h5><a href="">Latest News</a></h5>
	<hr />
	<div class="news">  
	  <!-- news line -->
	  <span class="news_date">03/10/2010</span><br />
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam at dolor.  <a href="#"><img src="images/arrow.png" class="arrow_image" alt="" /></a>
    
	  <hr class="news_line" />
	  
	  <!-- news line -->
	  <span class="news_date">03/10/2010</span><br />
	  Nullam at dolor sit amet enim bibendum accumsan in sit amet velit fusce et est congue.  <a href="#"><img src="images/arrow.png"  class="arrow_image" alt="" /></a> 
	 
	  <hr class="news_line" />
	  
	  <!-- news line -->
	  <span class="news_date">03/10/2010</span><br />
	  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  <a href="#"><img src="images/arrow.png"  class="arrow_image" alt="" /></a>
	</div>
    </div>
    <!-- /box latest news -->
		
    <!-- contact box -->	
    <div class="box side">
	<h5>Contact Us</h5>
	<hr />
	<!-- sub link -->
	<ul>
	    <li><b>Adres: </b> Lorem Ipsum Dolor Sit </li>
	    <li><b>Phone: </b> +1 123 123 1233<br /></li>
	    <li><b>Fax: </b> +1 123 123 1233<br /></li>
	    <li><b>E-Mail: </b>  info@companyname.com</li>
	</ul>			
	
	<!-- social media icons -->
	<div class="social_media_icons">
	    <a href="#" title=""><img src="images/social_media/twitter.png" alt="" /></a>
	    <a href="#" title=""><img src="images/social_media/facebook.png" alt="" /></a>
	    <a href="#" title=""><img src="images/social_media/rss.png" alt="" /></a>
	</div>
	<!-- / social media icons -->
    </div>
    <!-- contact box -->
</div>

<!--  content -->	
<div class="content sub">

<!-- slider area -->	
<div id="slider" class="sub">
    
    <!-- prev & next buttons -->
    <div id="numbers">
	<div class="prev"><img src="images/slider_left.png" alt="" /></div>
	<div class="next"><img src="images/slider_right.png" alt="" /></div>
    </div>
	
    <div id="slider_area">		    
	<!-- slide  1 with text -->
	<div class="slide">
	    <!-- sliding text line -->
	    <div class="desc">
		<b class="title">LOREM IPSUM DOLOR SIT AMET</b><br />
		LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. <a href="#" title="">READ MORE</a>
	    </div>
	    <!-- /sliding text line -->
	    
	    <!-- slider background image -->
	    <a href="#" title=""><img src="images/slider1.jpg" width="676" height="300" class="image" alt="" /></a>
	    <!-- /slider background image -->
	</div>
	<!--/ slide  1-->
	
	<!-- slide 2 with text-->
	<div class="slide">
	    <!-- sliding text line -->
	    <div class="desc"> 
		LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. <a href="#" title="">READ MORE</a>
	    </div>
	    <!-- /sliding text line -->	    
	    <!-- slider background image -->
	    <a href="#" title=""><img src="images/slider2.jpg" width="676" height="300" class="image" alt="" /></a>
	    <!-- /slider background image -->
	</div>
	<!--/ slide  2-->

	<!-- slide 3 only image -->
	<div class="slide">
	    <!-- slider background image -->
	    <a href="#" title=""><img src="images/slider1.jpg" width="676" height="300" class="image" alt="" /></a>
	    <!-- /slider background image -->
	</div>
	<!--/ slide  3-->
	
    </div>	
</div>
<!-- / slider -->



    <!-- Page navigation-->
	    <div class="breadcrumb"><span><a href="index.html">Home</a> \ About Us \ Sub Page With Slider</span></div>
    <!-- /Page navigation-->    
    
    
    <h2>About Us</h2>
    <p><a rel="prettyPhoto[gallery1]" title="Image Title" href="images/2.jpg"><img src="images/2.jpg" alt=""  class="alignleft preload" /></a>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur velit justo, <a href="#" title=""  class="text_link">molestie eget interdum</a> et, fringilla eget urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse iaculis rhoncus nunc sed congue. Donec a pellentesque magna. Donec a metus ipsum, quis molestie augue. Etiam a ultrices nisi. Aliquam ut justo at dolor eleifend euismod ac vel nibh. </p>
    <p>Donec pharetra suscipit blandit. Morbi pharetra consequat quam, vel placerat ante rhoncus sed. Ut vulputate nunc et urna consectetur eu vestibulum turpis accumsan. Donec non urna urna. Aliquam auctor lorem id tortor gravida consectetur. Vivamus ornare ligula cursus mi suscipit blandit eget vitae felis. Suspendisse pretium sapien convallis purus scelerisque sed convallis massa varius.</p>

    <h3>Consectetur adipisicing elit</h3>

    <p>Aenean tincidunt pharetra leo. Curabitur euismod sollicitudin elit. <a href="" class="text_link">Donec faucibus lacus nec sapien</a>. Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. 	Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. 	Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. 	Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. </p>
    

    <blockquote >Aliquam ipsum nisi, scelerisque et, commodo nec, consectetur vel, tellus. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. Cras ipsum diam, hendrerit id, accumsan sit amet, fermentum vel, dui. </blockquote>
    
    <br /> 
    <!-- H SAMPLE -->
	<h1>H1: Lorem ipsum dolor sit amet</h1>
	<h2>H2: Lorem ipsum dolor sit amet</h2>
	<h3>H3: Lorem ipsum dolor sit amet</h3>
	<h4>H4: Lorem ipsum dolor sit amet</h4>
	<h5>H5: Lorem ipsum dolor sit amet</h5>
	<h6>H6: Lorem ipsum dolor sit amet</h6>
    <!-- H SAMPLE -->
    <br />

    <h3>UNORDERED LIST</h3>
    <!-- LIST SAMPLE -->
	<ul>
	    <li>Unordered list test</li>
	    <li>Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
		<ul>
		<li>Unordered list test</li>
		<li>Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
		<li>Yet another element in the list</li>
		<li>Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
		</ul>
	    </li>
	    <li>Yet another element in the list</li>
	    <li>Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
	</ul>
    <br />

    <h3>ORDERED LIST</h3>
	<ol>
	    <li>Ordered list test
		<ol>
		<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, <a href="#" title=""  class="text_link">sed do eiusmod tempor</a> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat  <a href="#" title=""  class="text_link">sed do eiusmod tempor</a> incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam..</li>
		</ol>
	    </li>
	    <li>Another list element</li>
	    <li>Yet another element in the list</li>
	</ol>
    <!-- /LIST SAMPLE -->
    <br />

    <h3>TABLES</h3>
    <!-- TABLE SAMPLE -->
    <table>
	<caption>
	<strong>Caption</strong>
	<br />
	Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
	</caption>
	<tr>
	<th colspan="2">Use the <b>th</b> tag to create the header which will display in bold</th>
	</tr>
	<tr>
	<td style="width:50%">The <b>tr</b> tag creates the row</td>
	<td style="width:50%">The <b>td</b> tag creates individual cells for each row</td>
	</tr>
	<tr>
	<td style="width:50%">You should always use the closing tags</td>
	<td style="width:50%">You can use a variety of XHTML tags inside the cell</td>
	</tr>
	<tr>
	<td style="width:50%">The three new table tags are <b>tbody, tfoot,</b> and <b>thead</b></td>
	<td style="width:50%">The <b>colspan</b> attribute allows you span more than one cell</td>
	</tr>
    </table>
    <!-- /TABLE SAMPLE -->
		
</div>
<!-- content -->
 
<div class="clear"></div>
</div>
</div>                                          
</div>

<!-- /containers -->

<!-- footer -->
<div id="footer">
    <div class="footer_con"> 
	<!-- copyright text -->
	<div class="part1">
	    Copyright &copy; 2009 Company Name, Inc.
	</div>

	<!-- links -->
	<div class="part2">	    
	    <ul>
		<li class="first"><a  href="index.html" title="">Home</a></li>
		<li><a  href="index.html" title="">Legal</a></li>
		<li><a  href="index.html" title="">Privacy</a></li>
		<li><a  href="index.html" title="">Contact</a></li>
	    </ul>
	</div>
   </div>
</div>
<!-- /footer -->

</body>
</html>